onclick="showpic(this); return false;"是什么意思？

来源：百度知道 编辑：UC知道 时间：2024/05/26 21:13:05
<script type="text/javascript" >
function showPic(whichpic) {
var source = whichpic.getAttribute("href"); var placeholder = document.getElementById("placeholder"); placeholder.setAttribute("src",source);
var text = whichpic.getAttribute("title");
var description = document.getElementById("description");//获取目标
description.firstChild.nodeValue = text;
}
</script>
</head>
<body>
<h1>javascript 图片馆</h1>
<ul>
<li>
<a href="images/fireworks.jpg" title="test1" onclick="showPic(this); return false;">test1</a>
</li>
<li>
<a href="images/coffee.jpg" title="test2" onclick="showPic(this); return false;">test2</a>
</li>
<li>
<a

在html元素中是取消点击的意思
比如说<a href="http://www.baidu.com" onclick="return false">百度</a>
这个链接直接点击的话无效~~~右键"在新窗口中打开"就有效
按钮也一样,如果是一个表单的提交按钮,则无法提交

默认情况下，当用户使用鼠标点击一个链接时（即一个a元素），浏览器会执行一次http请求，将a元素中href属性所指向的内容下载到浏览器上。在你的示例中就是一张jpg的图片。
在你提供的代码中，onclick事件调用了showPic函数，目的是将链接所指向的图片资源即刻显示在页面中，用户在点击链接时就会执行这个函数。但是，这样仍然会使浏览器发送一个http请求，并在新页面加载图片，因为这个动作是浏览器的默认行为，return false的作用就在于取消这个默认行为。
当用户浏览器不支持JavaScript或者JavaScript功能关闭，通过超链接的href属性，用户仍然能够在新页面看到这幅图片，对于开启了JavaScript功能的浏览器，用户可以获得更好的使用体验。这种做法也被称作为“Unobtrusive JavaScript”。

return false就是执行前面的showPic(this);函数后 返还FALSE值
效果是不会打开超链接

属于基础的Ajax

如果浏览器支持JavaScript 则执行函数showPic(this) （但是因为有return false 所以不会打开超链接）

当浏览器不支持JavaScript （其中的showPic(this) 和return false都会失效）则会打开超链接

onclick="showpic(this); return false;"

<a超链接 触发onclick事件时，会刷新画面，而加